<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./Public/css/index/index.css"/>
		<link rel="stylesheet" type="text/css" href="./Public/css/index/font-awesome-4.4.0/css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="./Public/css/index/bootstrap-theme.min.css"/>
		<link rel="stylesheet" type="text/css" href="./Public/css/index/ziku/ziku.css"/>
		<script type="text/javascript" src="./Public/css/index/js/bootstrap.min.js"></script>
		<link rel="stylesheet" type="text/css" href="./Public/lunbo/css/ZOL.css"/>
		<script src="./Public/lunbo/js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./Public/lunbo/js/zol.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		
		
	<!--顶部灰色区开始-->
		<div id="zol">
			<div class="ding">
				<div class="zuo">
					<span class="shouye"><a href="{{U('Index/index')}}">商城首页</a></span>
					{{if value="isset($_SESSION['home_name']) == null"}}
						<span class="denglu">Hi~欢迎来到ZOL商城，请<a href="{{U('Denglu/index')}}">登录</a></span>
						<span class="zhuce"><a href="{{U('Zhuce/index')}}">免费注册</a></span>
					{{else}}
						<span class="denglu">Hi~欢迎<a href="{{U('Personal/index')}}" style="color: red; font-size: 14px;"> {{$_SESSION['home_name']}} </a>来到ZOL商城! </span>
						<span class="zhuce"><a href="{{U('Index/dell')}}"> 退出</a></span>
					{{endif}}
				</div>
						
				<ul class="you">
					<li><a href="">联系客服</a><i class="fa fa-angle-down "></i></li>
					<li><a href="">商家入驻</a></li>
					<li><a href="">中关村在线</a></li>
					<li><a href=""><i class="fa fa-mobile fa-lg shouji"></i>手机商城</a><i class="fa fa-angle-down "></i></li>
					<li><a href="">帮助中心</a></li>
					<li>|</li>
					<li><a href="">购物车0件</a></li>
					<li class="maijia"><a href="">买家中心</a><i class="fa fa-angle-down "></i></li>
					<li><a href="">我的订单</a></li>	
				</ul>
			</div>		
		</div>		
	<!--顶部灰色区结束-->
	
	
	
	
	<!--搜索区开始-->
		<div id="sousuo">
			<div class="zuo">
				<a href="" class="logo"></a>
				<p>中关村在线旗下网上商城
</p>
			</div>
		
		
			<div class="zhong">
				<form action="" method="post">
					<input class="kuang" type="text" name=""  /><input class="sou" type="submit" value="搜索" />
				</form>
				<div class="iPhone">
					<a href="">iPhone 6s</a>
					<a href="">魅蓝metal</a>
					<a href="">乐视1S</a>
					<a href="">iPhone6</a>
					<a href="">三星A8000</a>
				</div>
			</div>
			
			
			<div class="you">
				<a href=""></a>
			</div>
		</div>
	<!--搜索区结束-->
	
	
	
	<!--分类条开始-->
		<div id="fenlei">
			<div class="zuo">
				<h2>商品分类</h2>
				<div class="fenlei">
					<ul>
					{{foreach from="$cateModel" value="$v"}}
						<li>
							<i class="fa fa-mobile fa-lg shouji"></i>
						{{foreach from="$v['_data']" value="$vv"}}
							<a href="{{U('List/index',array('cid'=>$v['cid']))}}">{{$vv['cname']}}/</a>
						{{endforeach}}
							<div class="erji_1" >
								<dl class="erji_11">
									<dt class="ff">
										<a href="">服务保障</a>
									</dt>
									<dd class="goa"></dd>
								</dl>
						{{foreach from="$v['_data']" value="$vv"}}
								<dl class="shen">
									<dt class="me">
										<a href="">{{$vv['cname']}}</a>
									</dt>
									<dd class="ll">
										<p>
											{{foreach from="$vv['_data']" value="$vvv"}}
											<a href="{{U('List/index',array('cid'=>$vvv['cid']))}}">{{$vvv['cname']}}</a>
											{{endforeach}}
										</p>
									</dd>
								</dl>
						{{endforeach}}
							</div>
						</li>
					{{endforeach}}
					</ul>
				</div>
				<div class="qiang">
					<a href=""></a>
				</div>
			</div>
			<ul class="you">
				<li><a href="{{U('Index/index')}}" class="shouye">首页</a></li>
			{{foreach from="$topModel" value="$v"}}
				<li><a href="{{(U('List/index',array('cid'=>$v['cid'])))}}">{{$v['cname']}}</a></li>
			{{endforeach}}
				<div class="sheng">
				<a href="">买手机 专业省钱又放心</a>
			</div>
			</ul>			
		</div>	
	<!--分类条结束-->	
	
	
	
	<!--轮播区开始-->
		<div id="lunbo">
			<div class="you">
				<div class="shang">
					<div class="gonggao">商城公告</div>
					<ul>
						<li><a href="">[活动]2016无线购物节</a></li>
						<li><a href="">[活动]小熊电器嘉年华 满减任性购</a></li>
						<li><a href="">[活动]2016无线购物节</a></li>
						<li><a href="">[活动]2016无线购物节</a></li>
						<li><a href="">[活动]2016无线购物节</a></li>
					</ul>
				</div>
				<div class="xia">
					<div class="liuliang">流量充值</div>
					<div class="chongzhi">
						<ul>
							<li>
								<label for="">号码</label>
								<input class="shuru" type="text" name="" id="" placeholder="请输入手机号码"/>
							</li>
							<li>
								<label for="">流量</label>
								<select class="liu" name="" id=""></select>
							</li>
							<li>
								<label for="">价格</label>
								<em class="qian">￥0</em>
							</li>
						</ul>
						<div class="liji">
							<a href="">立即充值</a>
						</div>
					</div>
				</div>
			</div>
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			<div class="zhong">
				<div class="zhong_tu">
					<img src="./Public/css/img/lunbo1.jpg" alt="" style="display:block;" />
					<img src="./Public/css/img/lunbo2.jpg" alt="" />
					<img src="./Public/css/img/lunbo3.jpg" alt="" />
					<img src="./Public/css/img/lunbo4.jpg" alt="" />
					<img src="./Public/css/img/lunbo5.jpg" alt="" />
					<img src="./Public/css/img/lunbo6.jpg" alt="" />
					<div class="jiantou" style="display:none;" >
						<div class="zuo">
							<div class="jt"></div>
						</div>
						<div class="you1">
							<div class="jt"></div>
						</div>
					</div>
					<!--<ul class="ul">
						<li style="background:#FF0000;">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
						<li>6</li>
					</ul>-->
				</div>
			</div>
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
		</div>
	<!--轮播区结束-->
	
	
	
	
	<!--图片开始-->
	<div id="kaishi">
<!--精品团购-->
		<div id="jingpin">
			<div class="tuangou">
				<h2>精品团购</h2>
				<p><a href="">更多团购>
</a></p>
			</div>
			<div class="tupian">
				<ul>
					<li><a href=""></a></li>
					<li><a href=""></a></li>
					<li><a href=""></a></li>
					<li><a href=""></a></li>
				</ul>
			</div>
		</div>
		
	
	
<!--特色购-->		
		<div id="tese">
			<div class="tese">
				<h2>特色购</h2>
			</div>
			<div class="tupianqu">
				<ul class="buting">
					<li class="tu1"><a href=""></a></li>
					<li class="zhekou"><a href=""></a></li>
					<li class="paihang"><a href=""></a></li>
					<li class="jianpan"><a href=""></a></li>
					<li class="zhuji"><a href=""></a></li>
					<li class="shouhuan"><a href=""></a></li>
					<li class="jianeng"><a href=""></a></li>
					<li class="yedeng"><a href=""></a></li>
					<li class="zhiwen"><a href=""></a></li>
				</ul>
			</div>
			<div class="xia">
				<div class="xiatu">
					<a href=""></a>
				</div>
			</div>
		</div>
		
		
<!--一楼-->		
		<div id="yilou">
			<div class="shang">
				<h2>1F 手机通讯</h2>
				<p>
					<a href="">华为荣耀6 Plus</a>
					<a href="">华为荣耀6 Plus</a>
					<a href="">华为荣耀6</a>
				<a href="" style="border:none;">华为荣耀6 Plus</a>
				</p>
			</div>
			<div class="tupianqu">
				<div class="remen">
					<a href=""></a>
				</div>
				<ul>
					<li class="xiaomi"><a href=""></a></li>
					<li class="leshi">
						<div class="bian">
							<div class="shouji" >
								<a href="">乐视手机1S （双4G）</a>
							</div>			
							<p>顺丰现货 赠品多多</p>
							<a class="tu" href=""></a>
						</div>		
					</li>
					<li class="leshi">
						<div class="bian">
							<div class="shouji" >
								<a href="">乐视手机1S （双4G）</a>
							</div>			
							<p>顺丰现货 赠品多多</p>
							<a class="tu" href=""></a>
						</div>		
					</li>	
					<li class="leshi">
						<div class="bian">
							<div class="shouji" >
								<a href="">乐视手机1S （双4G）</a>
							</div>			
							<p>顺丰现货 赠品多多</p>
							<a class="tu" href=""></a>
						</div>		
					</li>	
					<li class="leshi">
						<div class="bian">
							<div class="shouji" >
								<a href="">乐视手机1S （双4G）</a>
							</div>			
							<p>顺丰现货 赠品多多</p>
							<a class="tu" href=""></a>
						</div>		
					</li>
					<li class="leshi">
						<div class="bian">
							<div class="shouji" >
								<a href="">乐视手机1S （双4G）</a>
							</div>			
							<p>顺丰现货 赠品多多</p>
							<a class="tu" href=""></a>
						</div>		
					</li>
					<li class="leshi">
						<div class="bian">
							<div class="shouji" >
								<a href="">乐视手机1S （双4G）</a>
							</div>			
							<p>顺丰现货 赠品多多</p>
							<a class="tu" href=""></a>
						</div>		
					</li>
				</ul>
			</div>
			<div class="xia">
				<ul>
					<li><a href=""></a></li>
					<li><a href=""></a></li>
					<li><a href=""></a></li>
					<li><a href=""></a></li>
					<li><a href=""></a></li>
					<li><a href=""></a></li>
					<li><a href=""></a></li>
					<li><a href=""></a></li>
					<li><a href=""></a></li>
					<li><a href=""></a></li>
				</ul>
			</div>
			<div class="ditupian">
				<a href=""></a>
			</div>
		</div>
		

<!--二楼-->		
		<div id="erlou">
			<!--二楼-->
		</div>
		
		
<!--三楼-->		
		<div id="sanlou">
			<!--三楼-->
		</div>
		
		
<!--四楼-->		
		<div id="silou">
			<!--四楼-->
		</div>
	</div>
	<!--图片结束-->
	
	
	
	
	<!--底部开始-->
		<div id="dibu">
			<div class="dibu">
				<ul>
					<li><i class=" iconfont">&#xe60c;</i><a href="">行货保证</a></li>
					<li><i class=" tu iconfont">&#xe611;</i><a href="">发票保障</a></li>
					<li><i class=" tu iconfont">&#xe608;</i><a href="">24小时发货</a></li>
					<li><i class=" tu iconfont">&#xe612;</i><a href="">顺丰包邮</a></li>
					<li><i class=" tu iconfont">&#xe613;</i><a href="">无忧退换</a></li>
					<li><i class=" tu iconfont">&#xe610;</i><a href="">先行赔付</a></li>
				</ul>
				<div class="zhinan">
					<dl class="gouwu">
						<dt>购物指南</dt>
						<dd>
							<p><a href="">帐号注册</a></p>
							<p><a href="">帐号注册</a></p>
							<p><a href="">帐号注册</a></p>
						</dd>	
					</dl>
					<dl class="gouwu">
						<dt>购物指南</dt>
						<dd>
							<p><a href="">帐号注册</a></p>
							<p><a href="">帐号注册</a></p>
							<p><a href="">帐号注册</a></p>
						</dd>	
					</dl>
					<dl class="gouwu">
						<dt>购物指南</dt>
						<dd>
							<p><a href="">帐号注册</a></p>
							<p><a href="">帐号注册</a></p>
							<p><a href="">帐号注册</a></p>
						</dd>	
					</dl>
					<dl class="gouwu">
						<dt>购物指南</dt>
						<dd>
							<p><a href="">帐号注册</a></p>
							<p><a href="">帐号注册</a></p>
							<p><a href="">帐号注册</a></p>
						</dd>	
					</dl>
					<dl class="hezuo">
						<dt>商家合作</dt>
						<dd>
							<p>错过天猫？别再错过我们！</p>
							<p>ZOL商城开启全新旅程！</p>
							<a href="">关于入驻></a> 
						</dd>
					</dl>
					<dl class="guanzhu">
						<dt>400-678-0068</dt>
						<dd>
							<p>工作日 9:00 - 18:00</p>
							<a href="">关注新浪微博</a> 
						</dd>
					</dl>
				</div>
			</div>
			<div class="youqing">
				<div class="di">
					<div class="huoban">
						<div>
							<span>合作伙伴:</span>
							<p>
								<a href="">挖东西比价网</a>
								<a href="">挖东西比价网</a>
								<a href="">挖东西比价网</a>
								<a href="">挖东西比价网</a>
								<a href="">挖东西比价网</a>
								<a href="">挖东西比价网</a>
								<a href="">挖东西比价网</a>
								<a href="">挖东西比价网</a>
								<a href="">挖东西比价网</a>
								<a href="">挖东西比价网</a>
								<a href="">挖东西比价网</a>
								<a href="">挖东西比价网</a>
								<a href="">挖东西比价网</a>
								<a href="">挖东西比价网</a>
								<a href="">挖东西比价网</a>
							</p>
						</div>
						<div class="zaixianl">
							<a href="">限时抢购</a>
							<a href="">限时抢购</a>
							<a href="">限时抢购</a>
							<a href="">限时抢购</a>
							<a href="">限时抢购</a>
							<a href="">限时抢购</a>
						</div>
						<div class="guanyul">
							<a href="">限时抢购</a>
							<a href="">限时抢购</a>
							<a href="">限时抢购</a>
							<a href="">限时抢购</a>
							<a href="">限时抢购</a>
							<a href="">限时抢购</a>
							<span class="span">©2015 中关村在线 版权所有. 京ICP备09041801号-182 京ICP证010391号</span>
						</div>
						<div class="xinyu">
							<img src="./Public/css/img/1.jpg"/>
							<img src="./Public/css/img/2.jpg"/>
							<img src="./Public/css/img/3.jpg"/>
						</div>
					</div>				
				</div>
			</div>
		</div>
	<!--底部结束-->
	</body>
</html>






















